<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>赛亚星的星球</title>
    <link rel="stylesheet" href="../../css/bootstrap.css">
    <link rel="stylesheet" href="../../css/style.css">
    <style>


    </style>
</head>
<body>
<!-- 头部导航 -->
<header>
    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="../../index.html" class="navbar-logo"><img src="../../images/github-button.png" class="w70 h70 mt5" alt=""><span class="f18 pr left-100 c-fff">yext blog</span></a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown"><a href="../introduce.html" class="f14"><i class="glyphicon glyphicon-sunglasses mr5"></i>关于我</a></li>
                    <li class="dropdown"><a href="" class="f14"><i class="glyphicon glyphicon-road mr5"></i>游戏天梯</a></li>
                    <li class="dropdown"><a href="" class="f14"><img src="../../images/dota_on.png" alt="" class="b">dota2</a></li>
                    <li class="dropdown"><a href="" class="f14"><i class="glyphicon glyphicon-send mr5"></i>code模块</a></li>
                    <li><div class="myhome"><a href="javascript:;"><img src="http://www.jq22.com/tx/18.png" alt=""></a></div></li>
                </ul>
            </div>
        </div>
    </nav>
</header>
<section>
    <div class="container-fluid" id="content" style="min-height: 325px;">
        <div class="title_index">
            <span></span>
            <h3>
                <a href="javaScript:;">Hmoe / Article</a>
            </h3>
        </div>
        <div class="article_view">
            <h3 class="text-center c-ea7716">
                学做网站之前需要学习些什么
            </h3>
            <div class="article_info">
                <span class="author">作者：熊宝</span>
                <span class="source">来源：中国网页设计</span>
                <span class="time">2017-8-31 14:10:24</span>
            </div>
            <div>
                <p><span class="f28 c-ea7716">网</span>站设计的时候，通常我们首先想到的是网站的结构，不懂行的人优先考虑的是如何让自己的网站更加漂亮一点，
                    懂行的人优先考虑的是自己网站的结构是否符合优化，能够支撑长期的运作。因为现如今很多网站设计和网站建
                    设公司都是些不懂得优化的人在做，当然还有一部分原因是大多数客户都不懂优化，只追求漂亮的表面。但是我
                    们不能否认的是，网站的结构在网站的seo过程中扮演着举足轻重的作用。拥有一个尽量扁平的结构，层次浅，结
                    构简单清晰，导航一目了然，重点突出，主题明确。其实说起来也未必只是网站结构上面的事情了，整个网站设计
                    过程中，需要考虑到方方面面，奈何按照自己近阶段的学习和工作当中遇到的问题，总结了一下，给了她一些建议。
                </p>
                <p>
                    第一，明确自己网站的主题。所谓明确自己网站的主题，是需要你明确你网站的受众，明确网站内容的主题和来源，
                    明确自己网站主题相关的关键词。网站的受众将影响你网站设计过程中的背景配色，字体和字体大小，网站图片取材
                    和使用以及网站内容的偏向性，当然一定程度上也可以说网站的受众将影响到网站内容的主题和来源。最后比较关键的
                    是网站关键词和标题的选择(不仅仅是首页，还有栏目页和内容页)，按照百度搜索引擎优化指南的提示，网站的不同页
                    面的关键词和标题尽量有自己的独特性以保证你的该网页是独一无二的。根据搜索引擎广度查询的要求，一个拥有独特
                    内容也标题以及关键词的页面将带给你意想不到的收获。在关键词的选择上可能需要花费一定的时间和精力，因为关于
                    这一点内容展开太过麻烦，奈何就简单的讲一下吧，首先是确定主题相关的关键词列表，然后是按照关键词热度和竞争
                    度进行筛选，最后考察关键词的转化率以及分配关键词给不同的页面。
                </p>
                <p>
                    第二，为你的首页和每一个栏目页都设计一个主题精简，重点突出，有吸引力(一定程度上也可以理解为漂亮)的页面。
                    主题精简，是指这个页面可能就针对一两个关键词来做页面的内容;重点突出，是指我们需要将我们认为重要的内容通过
                    图片，表格，加粗或者加大的文字等等吸引人眼球的手段放到最显眼的位置;有吸引力，这个无需多说，没有吸引力的
                    页面就没办法让用户停留以及更加深入的访问我们的网站的其他内容，留不住客户的眼球和鼠标，我们的网页设计就
                    不是成功的。
                </p>
                <p>
                    第三，为你的网站设计一套优秀的导航系统。一套优秀的导航系统需要包括以下的功能：其一，你的每一个页面都能
                    直达你的网站首页和栏目页;其二，你的网站首页和一些重要的栏目页的比较显眼的位置需要有你网站重要文章页或者
                    其他一些页面(比如产品页什么的)，这个我们姑且称之为站长推荐，站长推荐是我们用户最迫切需要的，也是我们希望
                    用户多访问的一些页面，不同的网站会有不同的选择，但是选取的规则永远都是这个;其三，两个页面之间的页间距(即
                    从a页面需要点击间隔几个页面到b页面)尽量短，相关内容的推荐、面包屑导航栏以及tag标签是我们经常会使用到的手
                    段。
                </p>
                <p>
                    第四，让你网站的每个页面的代码都尽量精简。搜索引擎抓取页面的时候是通过源代码慢慢爬取的，所以说，你的页面
                    的代码的精简程度将很大程度上影响搜索引擎蜘蛛的喜好(尽管搜索引擎蜘蛛只是一段程度，但程序毕竟是人编写的，而
                    且模仿的也是人的行为)，同时，代码的精简程度一定程度上将影响你页面的打开速度，而一个一直在读取的页面显然并
                    不是我们的网民们喜欢看到的。
                </p>
                <p>
                    第六，注意多观察和思考学习你的主题相关网站中的佼佼者。在搜索引擎关键词排名前列的他们往往都有自己的一技之长，
                    你多花费一些精力去观察和思考学习可能会给你带来意想不到的效果。采众家之长，补己之短，这是大多数成功者都用的
                    很溜的一个技巧，当然，于此同时你的思维不能被他们左右，他们的一些思路只是给你思考来完善你的思路，而不是让他
                    们牵着你的鼻子走，使你的网站最终变成了他们的翻版。
                </p>
            </div>
            <div class="bdsharebuttonbox" style="width: 190px;margin: 0 auto">
                <a href="#" class="bds_more" data-cmd="more"></a>
                <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
                <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                <a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
                <a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
                <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
            </div>
            <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"24"},"share":{},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
            <div class="page">
                <span class="fl mt10"> « Previous</span>
                <span class="fr mt10">Next » </span>
            </div>
        </div>
        <div class="row p15">
            <div class="comment text-center col-md-8">
                <h3 class="mt10">发表评论或留言</h3>
                <p>评论一下吧，我需要你的支持与鼓励！</p>
                <form action="">
                    <div class="input-group input-group-lg col-md-5">
                        <span class="input-group-addon username" id=username"></span>
                        <input type="text" class="form-control" placeholder="Username" aria-describedby="username">
                    </div>
                    <div class="mt10">
                        <textarea class="form-control" rows="4" placeholder="评论"></textarea>
                    </div>
                    <h4 class="text-left">联系方式</h4>
                    <p class="text-left">这里不填也可以。Email 地址不会被公开,“网站”可填入你的个人网站、微博或者留下微信号嚄。</p>
                    <div class="input-group input-group-lg col-md-12">
                        <span class="input-group-addon email" id="email"></span>
                        <input type="text" class="form-control" placeholder="Email" aria-describedby="email">
                    </div>
                    <div class="input-group input-group-lg col-md-12 mt10">
                        <span class="input-group-addon url"></span>
                        <input type="text" class="form-control" placeholder="http://">
                    </div>
                    <a href="#" class="btn btn-default btn-lg mt10" role="button">submit</a>
                </form>
            </div>
            <div class="comment_left col-md-3 bg-fff">
                <div class="title_index">
                    <h3 class="ml20" style="width: 180px">
                        <a href="javaScript:;">推荐文章</a>
                    </h3>
                </div>
                <ul>
                    <li>
                        <a href="javaScript:;" title="你明明是碌碌无为，快别说什么平凡可贵 ">你明明是碌碌无为，快别说什么平凡可贵</a>
                    </li>
                    <li>
                        <a href="javaScript:;" title="如果古人们穿越到现在，会是怎样的程序员？">如果古人们穿越到现在，会是怎样的程序员？</a>
                    </li>
                    <li>
                        <a href="javaScript:;" title="中国传统色彩 chinese traditional colors">中国传统色彩 chinese traditional colors</a>
                    </li>
                    <li>
                        <a href="javaScript:;" title="一个关于乔贝穆凯的故事">一个关于乔贝穆凯的故事</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>
<footer>
    <div id="bottom">
        <div class="row">
            <div class="col-md-2 col-md-offset-1 col-xs-11">
                <h3 class="link_h3">Link</h3>
                <ul>
                    <li><a href="javaScript:;">大事记</a></li>
                    <li><a href="javaScript:;">我的网址link</a></li>
                    <li><a href="javaScript:;">dota2动态</a></li>
                    <li><a href="javaScript:;">大事记</a></li>
                    <li><a href="javaScript:;">开源中国</a></li>
                    <li><a href="javaScript:;">斗鱼</a></li>
                </ul>
            </div>
            <div class="col-md-3 col-md-offset-1 col-xs-11">
                <h3 class="link_h3">Copy</h3>
                <p class="ml20">本站部分文章、资源来自互联网，版权归原作者及网站所有，如果侵犯了您的权利，请及时致信告知我站.</p>
            </div>
            <div class="col-md-3 col-md-offset-1 col-xs-11">
                <h3 class="link_h3">About</h3>
                <p class="ml20"><a href="javaScript:;">给我留言</a></p>
                <p class="ml20"><a href="javaScript:;">我的微信</a></p>
                <p class="ml20"><img style="width: 150px;height: 150px;" src="../../images/weixin.png" alt=""></p>
            </div>
        </div>
    </div>
</footer>
<script src="../../js/jquery-2.1.0.min.js"></script>
<script src="../../js/bootstrap.js"></script>
</body>
<script>
    $(function(){

    });
</script>
</html>